.file-item {
  @include flex;

  .el-link {
    @include flex-1;
    justify-content: flex-start;

    .el-link__inner {
      width: 100%;
      justify-content: flex-start;
    }
  }

  .file-size {
    float: right;
    padding-top: 2px;
    font-size: 12px;
    margin-left: var(--space-primary);
  }

  .file-icon {
    margin-right: 6px;
    vertical-align: -2px;
    color: var(--color-primary);
  }

  .file-del-icon {
    padding: 12px 8px 0;
    cursor: pointer;

    &:hover {
      color: var(--color-danger);
    }
  }

  &:hover {
    background: var(--color-background);
  }
}
